<?php include("header.php");?>

<!-- Carousel FullWidth
================================================== -->
<div id="myCarousel" class="home2 carousel slide banner">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>
    <!-- contet -->
    <div class="carousel-inner">
        <div class="item active">
            <img src="img/banner.jpg" alt="First slide">
            <div class="container">
                <div class="carousel-caption text_banner">
                    <p class="line_text">LOREM IPSUM DOLOR SIT AMET ADIPISCING ELITER</p>
                    <p class="line_text2">CONSECTUETER SIT ELIT NULLAM TRAVEL</p>
                    <p><a class="btn btn-large btn-primary boton_banner" href="#"><span class="ver_banner">Ver m&aacute;s</span><span class="icon-plus3"></span></a></p>
                </div>
            </div>
        </div>
        <div class="item">
            <img src="img/banner.jpg" alt="Second slide">
            <div class="container">
                <div class="carousel-caption text_banner">
                    <p class="line_text">LOREM IPSUM DOLOR SIT AMET ADIPISCING ELITER</p>
                    <p class="line_text2">CONSECTUETER SIT ELIT NULLAM TRAVEL</p>
                    <p><a class="btn btn-large btn-primary boton_banner" href="#"><span class="ver_banner">Ver m&aacute;s</span><span class="icon-plus3"></span></a></p>
                </div>
            </div>
        </div>
        <div class="item">
            <img src="img/banner.jpg" alt="Third slide">
            <div class="container">
                <div class="carousel-caption text_banner">
                    <p class="line_text">LOREM IPSUM DOLOR SIT AMET ADIPISCING ELITER</p>
                    <p class="line_text2">CONSECTUETER SIT ELIT NULLAM TRAVEL</p>
                    <p><a class="btn btn-large btn-primary boton_banner" href="#"><span class="ver_banner">Ver m&aacute;s</span><span class="icon-plus3"></span></a></p>
                </div>
            </div>
        </div>
    </div>
    <!-- arrows -->
    <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="flecha-banner icon-arrow-left7 "></span></a>
    <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="flecha-banner icon-uniE89B"></span></a>
</div><!-- /END carousel FullWidth-->


<!-- content general
================================================== -->

<div class="container marketing">

    <!-- Modulo destacados imagen redonda se puede cambiar por cuadrada quitando  class="img-circle" -->
    <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 ">
        <div class="wrap_news_home">
            <div class="noticias_home"><h2>Noticias</h2></div>         
                <div class="div_noticia_home">
                    <div class="noticias_fecha_home"><span>04</span> ENERO-2014</div>
                    <hr class="noticias_hr">            
                    <div class="noticias_text_home">
                        <div class="titulo_noticias_home">Lorem ipsum dolor sit amet</div>               
                        <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna</p>
                        <div class="boton_noticias_home"><a class="btn btn-default" href="#">Leer noticia<span class="icon-plus3"></span></a></div>
                    </div>
                </div>
                <div class="div_noticia_home">
                    <div class="noticias_fecha_home"><span>29</span> DICIEMBRE-2013</div>
                    <hr class="noticias_hr">            
                    <div class="noticias_text_home">
                        <div class="titulo_noticias_home">Lorem ipsum dolor sit amet</div>               
                        <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna</p>
                        <div class="boton_noticias_home"><a class="btn btn-default" href="#">Leer noticia<span class="icon-plus3"></span></a></div>
                    </div>
                </div>
                <div class="div_noticia_home">
                    <div class="noticias_fecha_home"><span>13</span> DICIEMBRE-2013</div>
                    <hr class="noticias_hr">            
                    <div class="noticias_text_home">
                        <div class="titulo_noticias_home">Lorem ipsum dolor sit amet</div>               
                        <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna</p>
                        <div class="boton_noticias_home"><a class="btn btn-default" href="#">Leer noticia<span class="icon-plus3"></span></a></div>
                    </div>
                </div>                      
            </div>  
        </div>
        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="lupa-hidden animada img_destacado">
                            <a href="#" class="row">
                                <span class="icon-destacado icono-animado" style="margin-top: -233px; opacity: 1; top: 0px;"></span>
                                <img class="img-animada" src="img/img_cont_1.png">
                            </a>
                        </div>
                     <h2 class="titulo_destacado">Heading</h2>
                    <p class="text_destacado">Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
                    <div class="boton_destacado"><a class="btn btn-default" href="#">Ver m&aacute;s<span class="icon-plus3"></span></a></div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="lupa-hidden animada img_destacado">
                            <a href="#" class="row">
                                <span class="icon-destacado icono-animado" style="margin-top: -233px; opacity: 1; top: 0px;"></span>
                                <img class="img-animada" src="img/img_cont_2.png">
                            </a>
                        </div>
                    <h2 class="titulo_destacado">Heading</h2>
                    <p class="text_destacado">Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
                    <div class="boton_destacado"><a class="btn btn-default" href="#">Ver m&aacute;s<span class="icon-plus3"></span></a></div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 margin">
                    <div class="lupa-hidden animada img_destacado">
                            <a href="#" class="row">
                                <span class="icon-destacado icono-animado" style="margin-top: -233px; opacity: 1; top: 0px;"></span>
                                <img class="img-animada" src="img/img_cont_3.png">
                            </a>
                        </div>
                    <h2 class="titulo_destacado">Heading</h2>
                    <p class="text_destacado">Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
                    <div class="boton_destacado"><a class="btn btn-default" href="#">Ver m&aacute;s<span class="icon-plus3"></span></a></div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 margin">
                    <div class="lupa-hidden animada img_destacado">
                            <a href="#" class="row">
                                <span class="icon-destacado icono-animado" style="margin-top: -233px; opacity: 1; top: 0px;"></span>
                                <img class="img-animada" src="img/img_cont_4.png">
                            </a>
                        </div>
                    <h2 class="titulo_destacado">Heading</h2>
                    <p class="text_destacado">Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
                    <div class="boton_destacado"><a class="btn btn-default" href="#">Ver m&aacute;s<span class="icon-plus3"></span></a></div>
                </div>
            </div>

        </div>
        <hr class="divisor">
        <!-- /END Modulo destacados -->
        <div class="container">
            <div id="sliderContent" class="ui-corner-all">      
              <div class="viewer ui-corner-all">
                <div class="content-conveyor ui-helper-clearfix">
                  <div class="item1">
                    <img src="img/cliente_1.jpg">
                  </div>

                  <div class="item1">
                    <img src="img/cliente_2.jpg">
                  </div>
                  
                  <div class="item1">
                    <img src="img/cliente_3.jpg">
                  </div>
                
                <div class="item1">
                    <img src="img/cliente_4.jpg">
                  </div>

                  <div class="item1">
                    <img src="img/cliente_1.jpg">
                  </div>

                  <div class="item1">
                    <img src="img/cliente_2.jpg">
                  </div>

                  <div class="item1">
                    <img src="img/cliente_3.jpg">
                  </div>
                  
                </div>
                </div>
              </div>
              <div id="slider"></div>
    </div>
<!-- Divisor de modulo -->

</div><!-- /END container -->
    
<?php include("footer.php");?>
